$(window).load(function () {
  main();
});

function main(){
    setMainEvents();
    setYoImg();
}

function showBoxes(){
    $(".box").each(function(){
       $(this).show("fast");  
    });  
}

function showTutoPlayer(){
    hideBoxes();
    hideContentBox();
    $("#tutoPlayer").delay(2000).fadeIn('slow');
}

function showContentBox(){
    hideBoxes();
    hideTutoPlayer();
    $("#contentBox").show("slow");
}

function hideBoxes(){
    $(".box").each(function(index) {
        $(this).delay(200*index).hide("slow");
    });
}

function hideContentBox(){
    $("#contentBox").hide("slow");
}

function hideTutoPlayer(){
    $("#tutoPlayer").hide("slow");
}

function home(){
    hideTutoPlayer();
    hideContentBox();
    showBoxes();
}

function setMainEvents(){
    $("#logo").click(function(){showHideElementByID("tutoPlayer")});
    $(".boxTitle").click(function(){
       showContentBox();
       setContentBoxTitle($(this).text());
    });
    
    /*
    $(".capBarItem").click(function(){
        var capNumber = this.id.replace('capBarItem','');
        setCapitulo(true,capNumber);
     });
    
    $("#nextCap").click(function(){
        nextCap();
     });
    
    $("#previousCap").click(function(){
        previousCap();
     });
*/

}

function setYoImg(){
    var src = "img/yo/yo" + (Math.floor(Math.random() * 4) + 1) + ".png";
    $("#yoImg").attr( "src",  src);
}

function setContentBoxTitle(title){
    $("#contentBox").text(title);
}

function showHideElementByID(elementID){
    var displayProp = $("#"+elementID).css("display");
    if(displayProp == "none"){
        $("#"+elementID).show('slow');
    }else{
        $("#"+elementID).hide('slow');
    }
}